<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
      layout:decorate="main">
<head>
    <meta charset="UTF-8">
    <title>新增销售机会</title>
    <!--city piker style-->
    <link th:href="@{/city/css/city-picker.css}" href="../static/city/css/city-picker.css" rel="stylesheet" />
    <!-- jQuery -->
    <script th:src="@{/js/jquery.min.js}" src="../static/js/jquery.min.js"></script>
    <!-- Bootstrap Bundle -->
    <script th:src="@{/js/bootstrap.bundle.min.js}" src="../static/js/bootstrap.bundle.min.js"></script>
    <!-- Custom Theme Scripts -->
    <script th:src="@{/js/custom.min.js}" src="../static/js/custom.min.js"></script>
    <!-- jQuery Smart Wizard -->
    <script th:src="@{/js/jquery.smartWizard.js}" src="../static/js/jquery.smartWizard.js"></script>
    <!-- city js -->
    <script th:src="@{/city/js/city-picker.data.js}" src="../static/city/js/city-picker.data.js"></script>
    <script th:src="@{/city/js/city-picker.js}" src="../static/city/js/city-picker.js"></script>
    <script th:src="@{/city/js/main.js}" src="../static/city/js/main.js"></script>

<body>
<div layout:fragment="content">
    <div class="row">

        <div class="col-md-12 col-sm-12 ">
            <div class="x_panel">
                <div class="x_title">
                    <h2>客户信息管理 <small>新增客户信息</small></h2>
                    <ul class="nav navbar-right panel_toolbox">
                        <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                        </li>
                        <li><a class="close-link"><i class="fa fa-close"></i></a>
                        </li>
                    </ul>
                    <div class="clearfix"></div>
                </div>

                <div class="x_content">
                    <!-- Smart Wizard -->
                    <p>新增客户的必要信息</p>
                    <div id="wizard" class="form_wizard wizard_horizontal">
                        <ul class="wizard_steps">
                            <li>
                                <a href="#step-1">
                                    <span class="step_no">1</span>
                                    <span class="step_descr">
		                                              Step 1<br />
		                                              <small>基础信息</small>
		                                          </span>
                                </a>
                            </li>
                            <li>
                                <a href="#step-2">
                                    <span class="step_no">2</span>
                                    <span class="step_descr">
		                                              Step 2<br />
		                                              <small>联系方式和地址</small>
		                                          </span>
                                </a>
                            </li>
                            <li>
                                <a href="#step-3">
                                    <span class="step_no">3</span>
                                    <span class="step_descr">
		                                              Step 3<br />
		                                              <small>财力情况</small>
		                                          </span>
                                </a>
                            </li>
                        </ul>
                        <form class="form-horizontal form-label-left">
                            <div id="step-1">
                                <h2 class="StepTitle">基础信息</h2>

                                <div class="form-group row">
                                    <label class="col-form-label col-md-3 col-sm-3 label-align" for="custNo">编号 <span class="required">*</span>
                                    </label>
                                    <div class="col-md-6 col-sm-6 ">
                                        <input type="text" name="custNo" id="custNo" required="required" class="form-control  ">
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label for="custName" class="col-form-label col-md-3 col-sm-3 label-align" >客户名称 <span class="required">*</span>
                                    </label>
                                    <div class="col-md-6 col-sm-6 ">
                                        <input type="text" id="custName" name="custName" required="required" class="form-control ">
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label for="city-picker3" class="col-form-label col-md-3 col-sm-3 label-align">地区</label>
                                    <div class="col-md-6 col-sm-6 ">
                                        <input id="city-picker3" name="custRegion" class="form-control"  type="text" data-toggle="city-picker">
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label for="custManagerName" class="col-form-label col-md-3 col-sm-3 label-align">负责人</label>
                                    <div class="col-md-6 col-sm-6 ">
                                        <input id="custManagerName" class="form-control col" type="text" name="custManagerName">
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label for="middle-name" class="col-form-label col-md-3 col-sm-3 label-align">等级</label>
                                    <div class="col-md-6 col-sm-6 ">
                                        <input id="middle-name" class="form-control col" type="text" name="middle-name">
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label for="custCredit" class="col-form-label col-md-3 col-sm-3 label-align">客户信誉度</label>
                                    <div class="col-md-6 col-sm-6 ">
                                        <input id="custCredit" class="form-control col" type="text" name="custCredit">
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label for="custSatisfy" class="col-form-label col-md-3 col-sm-3 label-align">客户满意度</label>
                                    <div class="col-md-6 col-sm-6 ">
                                        <input id="custSatisfy" class="form-control col" type="text" name="custSatisfy">
                                    </div>
                                </div>

                            </div>
                            <div id="step-2">
                                <h2 class="StepTitle">联系方式和地址</h2>

                                <div class="form-group row">
                                    <label for="custAddr" class="col-form-label col-md-3 col-sm-3 label-align">客户地址</label>
                                    <div class="col-md-6 col-sm-6 ">
                                        <input id="custAddr" class="form-control col" type="text" name="custAddr">
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label for="custZip" class="col-form-label col-md-3 col-sm-3 label-align">客户邮政编码</label>
                                    <div class="col-md-6 col-sm-6 ">
                                        <input id="custZip" class="form-control col" type="text" name="custZip">
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label for="custTel" class="col-form-label col-md-3 col-sm-3 label-align">客户电话</label>
                                    <div class="col-md-6 col-sm-6 ">
                                        <input id="custTel" class="form-control col" type="text" name="custTel">
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label for="custFax" class="col-form-label col-md-3 col-sm-3 label-align">客户传真</label>
                                    <div class="col-md-6 col-sm-6 ">
                                        <input id="custFax" class="form-control col" type="text" name="custFax">
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label for="custWebsite" class="col-form-label col-md-3 col-sm-3 label-align">网址</label>
                                    <div class="col-md-6 col-sm-6 ">
                                        <input id="custWebsite" class="form-control col" type="text" name="custWebsite">
                                    </div>
                                </div>

                            </div>

                            <div id="step-3">
                                <h2 class="StepTitle">财力情况</h2>

                                <div class="form-group row">
                                    <label for="custLicenceNo" class="col-form-label col-md-3 col-sm-3 label-align">营业执照注册号</label>
                                    <div class="col-md-6 col-sm-6 ">
                                        <input id="custLicenceNo" class="form-control col" type="text" name="custLicenceNo">
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label for="custChieftain" class="col-form-label col-md-3 col-sm-3 label-align">法人</label>
                                    <div class="col-md-6 col-sm-6 ">
                                        <input id="custChieftain" class="form-control col" type="text" name="custChieftain">
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label for="custBankroll" class="col-form-label col-md-3 col-sm-3 label-align">注册资金</label>
                                    <div class="col-md-6 col-sm-6 ">
                                        <input id="custBankroll" class="form-control col" type="text" name="custBankroll">
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label for="custTurnover" class="col-form-label col-md-3 col-sm-3 label-align">年营业额</label>
                                    <div class="col-md-6 col-sm-6 ">
                                        <input id="custTurnover" class="form-control col" type="text" name="custTurnover">
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label for="custBank" class="col-form-label col-md-3 col-sm-3 label-align">开户银行</label>
                                    <div class="col-md-6 col-sm-6 ">
                                        <input id="custBank" class="form-control col" type="text" name="custBank">
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label for="custBankAccount" class="col-form-label col-md-3 col-sm-3 label-align">开户银行账号</label>
                                    <div class="col-md-6 col-sm-6 ">
                                        <input id="custBankAccount" class="form-control col" type="text" name="custBankAccount">
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label for="custLocalTaxNo" class="col-form-label col-md-3 col-sm-3 label-align">地税登记号</label>
                                    <div class="col-md-6 col-sm-6 ">
                                        <input id="custLocalTaxNo" class="form-control col" type="text" name="custLocalTaxNo">
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <label for="custNationalTaxNo" class="col-form-label col-md-3 col-sm-3 label-align">国税登记号</label>
                                    <div class="col-md-6 col-sm-6 ">
                                        <input id="custNationalTaxNo" class="form-control col" type="text" name="custNationalTaxNo">
                                    </div>
                                </div>

                            </div>
                        </form>
                    </div>
                    <!-- End SmartWizard Content -->
                </div>
            </div>
        </div>
    </div>
</div>

</body>
</html>